<nav class="footer-bar footer">
    <div class="tab-item  mui-active">
        <a href="{:url('home/index/index')}">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
    </div>
    <div class="tab-item ">
        <a href="{:url('home/subject/search')}">
            <span class="mui-icon mui-icon-search"></span>
            <span class="mui-tab-label">搜索</span>
        </a>
    </div>
    <div class="tab-item">
        <a href="{:url('home/business/index')}">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">个人中心</span>
        </a>
    </div>
</nav>
<script>
    // var tab=document.getElementsByClassName('tab-item');
    // console.log(tab[2]);
    // $(tab[2]).click(function(){
    //     $(tab[2]).addClass("tab-item  mui-active")
    // })
    // tab[2].onclick=function()
    // {
    //     tab[2].addClass='mui-active'
    // }
</script>